@import "@/app/styles";

.LoginPage {
  display: flex;
  justify-content: center;
  height: 50vh;

  &-Center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-direction: column;
    max-width: 470px;
    width: 100%;

    &Content {
      padding: 24px;
      width: 100%;
      height: auto;
      border-radius: 16px;
      box-shadow: $shadow-form;
    }

    &ContentTitle {
      margin-bottom: 25px;
      text-align: center;
    }
  }

  &-Signup {
    text-align: center;

    span {
      margin-right: 10px;
    }

    a,
    a span {
      color: $color-primary;
      transition: all $transition;

      &:hover {
        color: $color-primary-hover;
      }
    }
  }
}
